@import "var.less";
body {
	font-size: 12px;
  	margin: 0;
  	padding: 0;
  	font-family: sans-serif;
	img{max-width: 100%;}
}
.ulNav{
	margin: 0; padding: 0; position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;
	li{display: inline-block; width: 20%;padding: 10px 0; text-align: center;background: #c60;
		.active{ background:#fff; color: #000; }
	}
}
.ulNav:before{display: block; content: ''; height: 44px;}

.proBox{
	h3{font-size: @size-14;padding: 0 10px; line-height: 40px; font-weight:600; }
	.ul1{
		margin: 0; padding: 0;
		li{height: 80px;list-style: none;margin: 0; padding:5px 0;clear: both;
			.image{float:left;padding:0 10px;
				img{width: 100px;}
			}
		}
	}
}


.productDetail{
	.pd10{ padding: 10px;}
	.mg10{ margin: 10px;}
	.cover{max-width: 100%;}
	.title{font-size: @size-14; padding: 10px;}
	.price{ .pd10; }
	.desc{ .pd10; }
	.ctrl{ .pd10; }
	.copiesBox{
		.mg10;
		.name{}
		.value{ border: @bd1-4e4e4e;width: 100px;
			option{text-align: center;}
		}
	}
}

.payBox-style1{ margin: 0 0 10px 0 ; box-shadow:0px 1px 0px 0 rgba(0, 0, 0, 0.3);  background: #f7f7f7;  }
.payBox-style1{ margin: 0 0 10px 0 ; box-shadow:0px 1px 0px 0 rgba(0, 0, 0, 0.3);  background: #f7f7f7;  }
.payBox-title{ font-weight: 600; font-size: @size-14;padding: 0 10px; line-height: 30px;}
.payOrderBox{
	.payBox-style1;
	h3{.payBox-title; }
	.base{
		line-height: 30px;
		img{width: 100px; float: left; margin: 10px;}
	}
	ul{
		clear: both; margin: 0 0 10px 0; border-bottom: 1px dashed #ccc;
		li{ line-height: 22px;padding:0 10px; }
	}
	.ctrl{
		display: flex; flex-direction: row; justify-content: flex-end; padding: 0 0 10px 0;
		a{  background:@bg-999; margin: 0 10px; padding: 10px; }
		.a1{ background: @bg-d0b161; }
	}
}
.payMethodBox{
	.payBox-style1;
	h3{.payBox-title; }
	ul{
		li{ line-height: 30px; background: #f7f7f7; border-bottom: 1px solid rgba(100,100,100,0.05); padding: 0 10px; }
		li:active,li:hover{ background: #e2e2d2;  }
	}
}
.payResultBox{
	.msg{text-align: center; padding: 10px;}
	.ctrl{
		display: flex; flex-direction: row; justify-content: center; padding:20px 0 10px 0;
		a{  background:@bg-999; margin: 0 10px; padding: 10px; }
		.a1{ background: @bg-d0b161; }
	}
}
/*订单列表*/
.ulOrderList{
	padding: 10px;
	li{clear: both;overflow: hidden;padding: 10px; border-bottom: 1px solid #ccc;
		.image{ display: inline-block; margin:0 10px 0 0;float: left;}
		.image img{display: block;width: 50px;height: 50px;}
	}
}
/*用户中心的菜单*/
.userMenuBox{
	a{display: block;width: 100px;height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
}



